<template>
  <view class="out">
    
   <view class="box">
      
      
      <view class="box1" @tap="goLogin">
        <image src="../../static/images/user.png"></image>
      </view>
      <text class="t1">用户名</text>
      
   </view>
     <!-- <view class="t1">用户名</view> -->
     
   <view class="box2">
     
   </view>
   <view class="box2">
     
   </view>
   <view class="box2">
     
   </view>
    
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    },
    methods:{
        goLogin(){
          uni.navigateTo({
            url:"../login/login"
          })
        }
    }
    
  }
</script>

<style lang="scss">

.out{
  
  .box{
      display: flex;
     
    
      width: 1000rpx;
      height: 250rpx;
      
      .t1{
      
        margin-top: 80rpx;
        font-size: 30px;
        
      }
    .box1{
       image{
         width: 100rpx;
         height: 100rpx;
       
         margin: 20rpx;
       }
        margin:50rpx 50rpx;
        width: 150rpx;
        height: 150rpx;
        border-radius: 50%;     
        opacity: 1;
        background: rgba(255, 255, 255, 1);    
        border: 1px solid rgba(0, 0, 0, 1);
    }
  }
  .box2{
    margin: 20rpx;   
    width: 354px;
    height: 44px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 1);
  }
  
  
}



</style>
